.ci-check-run-steps-header {
  display: flex;
  justify-content: end;
  border-bottom: 1px solid var(--box-skeleton-background-color);

  h4 {
    flex-grow: 1;
    font-weight: var(--font-weight-semibold);
    margin-bottom: 3px;
    color: var(--text-secondary-color);
  }

  .button-component {
    // Remove default button styles
    border: 1px solid var(--box-alt-background-color);
    background: inherit;
    height: 100%;
    text-align: unset;
    margin-bottom: 2px;

    padding: var(--spacing-half);
    color: var(--text-secondary-color);

    &:focus {
      outline-offset: 0px;
      border: 1px solid var(--secondary-button-hover-border-color);
    }

    &:hover,
    &:focus-visible,
    &:not([aria-disabled='true']):hover {
      border: 1px solid var(--secondary-button-hover-border-color);
      background: var(--box-selected-background-color);
    }
  }
}
